@layout("/backend/common/_container.html"){
<div class="row row-lg">
    <div class="col-sm-12">
        <div class="dhcc-con dhcc-con-boder">
            <div class="dhcc-con-left">
                <#InputCon id="roleName" name="角色名称" />
                <#Button name="查询" icon="fa fa-search" clickFun="Role.search()"/>
            </div>
        </div>
        <div class="hidden-xs" id="roleTableToolbar" role="group">
            @if(shiro.hasPermission("role:add")){
                <#Button name="新增" btnCss="l-bt-green" icon="fa fa-plus" clickFun="Role.add()" />
            @}
            @if(shiro.hasPermission("role:update")){
                <#Button name="修改" icon="fa fa-edit" clickFun="Role.edit()" space="true"/>
            @}
            @if(shiro.hasPermission("role:delete")){
                <#Button name="删除" btnCss="l-bt-red" icon="fa fa-remove" clickFun="Role.del()" space="true"/>
            @}
            @if(shiro.hasPermission("role:authority")){
                <#Button name="后台权限配置" icon="fa fa-user-secret" clickFun="Role.assign('backend')" space="true"/>
                <#Button name="前台权限配置" icon="fa fa-user-secret" clickFun="Role.assign('front')" space="true"/>
                <#Button name="API权限配置" icon="fa fa-user-secret" clickFun="Role.assign('api')" space="true"/>
            @}
        </div>
        <#Table id="roleTable"/>
    </div>
</div>
<script src="${ctxPath}/static/backend/system/role/role.js"></script>
@}
